UI 実装 プロジェクト
ライブラリとか使わないので,HTMLやCSS,JSの足りない所埋めれそう
0から作るの大事
経験として足りてない,ライブラリ使いがち
イメージ
UI実装において,ビジネスやデザイン関連のインパクト,意見をエンジニアの視点で考えられる
作業パターン思考
課題があって,UIを設計するパターン
課題の分析
方法,解決策としてのUIの分析
実装の分析
メモ
こちらはある程度手を動かして考えた方が良い
実装するUIが決まってるパターン
方法,解決策としてのUIの分析
+アルファなど
実装の分析
どのUIから取り組むのか?
自身が既に取り組んだことがあったり,よく実装するものが良い
実装するUIが決まってるパターン
方法,解決策としてのUIの分析
作業
Research
実例
比較材料
Output共有
Zenn or noteが良さそう
実装の分析
作業
実例からの学び
各要素の実装パターン
見積もれる理解,選択できる理解
参考場所
Discover Components · Bit
Design System デザインシステムの各コンポーネント
GitHubで検索
CodePen
あまり参考にならない,どちらかというとCreative
Output共有
ドキュメント
Zenn
CodePen,CodeSandBox,GitHub
UI 実装 プロジェクト ネタ